<template>
  <div class="test">
    我更换了
    <el-button>默认按钮</el-button>
    <el-button type="primary" class="aa">主要按钮</el-button>
    <el-button type="success" class="bb">成功按钮</el-button>
    <el-button type="info">信息按钮</el-button>
    <el-button type="warning">警告按钮</el-button>
    <el-button type="danger">危险按钮</el-button>
  </div>
</template>

<script>
// import { getTest } from "@/api/urls.js";

export default {
  
  components: {
    // name
  },
  name: "test",
  props: {
    // msg: String //  [name: typeof]
  },
  filters: {

  },
  computed: {

  },
  watch: {

  },
  data() {
    return {
     test: {
         datatype: "人类"
        //  accessToken: "80b3bc95a6364666a9ac111a60fc6d64"
     },
     test11: {
         user_id: 8,
         token: "1f72bc6cda91d1bee4c31033a75c2b02"
     }
    }
  },
  created() {

  },
  mounted() {
    // _https.post.getTest().then((result) => {
    //     console.log("resultgetTest",result);
    // }).catch((err) => {
    
    // });
    // _https.post.getTest11(this.test11).then((result) => {
    //     console.log("resultgetTest11",result);
    // }).catch((err) => {
    
    // });
    // console.log(_https);

  },
  methods: {

  },
  destroyed() {

  }
}
</script>

<style scoped lang="less">
  @bg:#000;
  @red: #f00;
  div {
    background-color: @bg;
    
    &:hover {
      background-color: @red;
    }
  }

  .aa {
      font-size: 1rem;
      width: 10rem;
      background-color: #ff0;
  }

    .bb {
        width: 100px;
    }
</style>
